<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>header2</title>
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!--layui的样式库-->
		<link rel="stylesheet" href="layui/css/layui.css">
		<!-- 自己的样式 有顺序要求 -->
		<link rel="stylesheet" href="mystyle.css">
	</head>

	<body>
		<nav class="navbar navbar-default navbar-fixed-top new-header">
			<div class="navbar-text navbar-left login-title">一体化教学管理平台</div>
			<div class="nav navbar-nav navbar-left">
				<ul class="myheader-nav">
					<li class="myheader-nav-item">
						<a href="">首页</a>
					</li>
					<li class="myheader-nav-item mychoose-this">
						<a href="">我的面板</a>
					</li>
					<li class="myheader-nav-item">
						<a href="">课程管理</a>
					</li>
				</ul>
			</div>
			<div class="navbar-right user-info">
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="img/timg.jpg" alt="用户头像" />欢迎，霍珊珊 开课人<span class="caret"></span>
						</a>
						<ul class="dropdown-menu user-list">
							<li>
								我的基本信息
							</li>
							<li>修改密码</li>
							<li>退出</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="navbar-right">
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="img/tongzhi.png" alt="通知图标" />
						</a>
						<ul class="dropdown-menu notice">
							<li>
								<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
									<ul class="layui-tab-title">
										<li class="layui-this">最新公告</li>
										<li>历史消息</li>
									</ul>
									<div class="layui-tab-content" style="height: 100px;">
										<div class="layui-tab-item layui-show">
											<ul class="new-notice">
												<li>
													<div><span class="dot"></span>通知1</div>
													<div>关于工程素质养成课程将于2018-03-02截至2018-</div>
												</li>
											</ul>
										</div>
										<div class="layui-tab-item">
											<div class="layui-tab-item layui-show">
												<ul class="history-notice">
													<li>
														<div>通知1</div>
														<div>关于工程素质养成课程将于2018-03-02截至2018-</div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="navbar-right">
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="img/erweima.png" alt="签到二维码" />
						</a>
						<ul class="dropdown-menu qr-code">
							<li>
								<div>
									<span>签到二维码</span>
									<span class="fullscreen"><img src="img/quanping.png" />全屏</span>
								</div>
								<img src="img/ma.png" />
							</li>
						</ul>
					</li>
				</ul>

			</div>
			<div class="fullscreen-QRcode2">
				<div>在授课《工程素质养成》</div>
				<img src="img/ma.png" />
			</div>
		</nav>

	</body>

	<script type="text/javascript">
		layui.use(['element', 'layer'], function() {
			var $ = layui.jquery,
				layer = layui.layer,
				element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
			$('.fullscreen').click(function() {
				layer.open({
					type: 1,
					title: '',
					closeBtn: 1,
					area: ['600px', '600px'],
					shift: 2,
					shadeClose: true,
					content: $(".fullscreen-QRcode2"),
				})
			})
		});
	</script>

</html>